<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>王者荣耀官方网站-腾讯游戏</title>
</head>
<body>
<!--
    <h1-h6>:标题，<h1>是一级标题 <h2>是二级标题，最多到6级标题
            标题独占一行
    <center>:现在已经不再建议使用这个标签了，后期都是使用CCS控制页面中的组件位置
             该标签可以让包含在它之内的组件居中显示
    <input>:输入组件，组件的样式由属性type决定，type常见的值：
            text：文本框
            password：密码框
            button：按钮 然后用value可以命名
            submit:提交按钮(表单使用)
            radio:单选框，单选框与复选框需要使用name属性分组，名字相同的为一组，尤其单选框，一组的才会互斥
            checkbox:复选框
    <a>:超链接，标签中间的文本就是超链接上提示的文字，href属性用于指定点击超链接后跳转的路径。
    <br>:换行
    <table>:表格。属性border用于指定边框。
            <table>标签中包含<tr>标签用于表示行
            <tr>标签中包含<td>标签用于表示列
            <td>标签中常见属性:
            align:对其方式。left左对齐,right右对齐,center剧中对齐
            colspan:跨列合并列，合并是从左向右合并列
            rowspan:跨行合并列，合并是从上向下合并列
-->
<center>
    <h1>王者荣耀</h1>
    <input type="text" size="32">
    <input type="button" value="查询一下" onclick="alert('充值让你变得更强！')"><br>
    <input type="radio" name="gender">男 <input type="radio" name="gender">女<br>
    <!--
        访问当前首页,在浏览器地址栏的路径:
        http://localhost:8080/index.html
                   ^^^^^^^^^^^^^^
                   定位主机地址信息

        http://localhost:8080/index.html
                                 ^^^^^^^^^^^
                                 资源的抽象路径

        资源抽象路径最开始的"/",SpringBoot默认的配置是从static目录下根据该路径定位资源
        http://localhost:8080/index.html
                                ^
                             static目录

        在超链接中,如果我们定位的是本网站的其它资源时,href中指定路径通常从"/"开始,这里的
        "/"就是URL中资源抽象路径中最开始的"/"
        意味着,当我们指定超链接:
        <a href="/reg.html">注册</a>
        浏览器实际理解的路径全称:
        http://localhost:8080/reg.html
        ^^^^^^^^^^^^^^^^^^^^^
       会沿用请求index.html地址
    -->
    <a href="/reg.html">注册</a>
    <a href="/login.html">登录</a>
    <a href="/userList">用户列表</a>
    <a href="/writeArticle.html">发表文章</a>
    <a href="/articleList">文章列表</a>
    <a href="https://pvp.qq.com/">5V5公平竞技</a><br>
    <table border="5">
        <tr>
            <td><a href="">打野攻略</a></td>
            <td colspan="2" align="center"><a href="https://pvp.qq.com/">游走攻略</a></td>
        </tr>
        <tr>
            <td rowspan="2"><a href="https://pvp.qq.com/">发育路攻略</a></td>
            <td><a href="https://pvp.qq.com/">对抗路攻略</a></td>
            <td><a href="https://pvp.qq.com/">中单攻略</a></td>
        </tr>
        <tr>
            <td><a href="https://pvp.qq.com/">皮肤购买</a></td>
            <td><a href="https://pvp.qq.com/">如何成为高手</a></td>
        </tr>
    </table>
</center>
</body>
</html>